<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="">
        <textarea name="" id="" cols="30" rows="10" class="read">
            欢迎您使用本机构的相关服务！为使用本机构的相关服务，您应当阅读并遵守本《用户协议》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款，以及开通或使用某项服务的单独协议，并选择“同意”按钮。限制、免责条款可能以加粗形式提示您注意。
            本协议是您（下称“用户”）与本机构之间在使用相关服务之前，注册帐号时签署的协议。
            除非您已阅读并接受本协议所有条款，否则您无权使用本机构的相关服务。
            如果您未满18周岁，请在法定监护人的陪同下阅读本协议及其他上述协议，并特别注意未成年人使用条款。
        </textarea>
        <br>
        <button class="btn" disabled>我已阅读用户协议书（10）</button>
    </form>
    <script>
        let btn = document.querySelector('.btn')
        let i = 10

        let timer = setInterval(() => {
            i--
            btn.innerHTML = `
                我已阅读用户协议书（${i}）
            `
            if (i === 0) {
                clearInterval(timer)
                btn.disabled = false
                btn.innerHTML = `
                    我已阅读该用户协议书
                `
            }
        }, 1000);
    </script>
</body>

</html>